<div class="footer-container">
    <div class="footer-content container row ">
      <div class="footer-section">
        <h3 style="font-size:20px;margin-top:0">Connect with NLM</h3>
        <div class="social-icons">
          <a href="#" class="social-icon">
            <i class="fa fa-facebook"></i>
          </a>
          <a href="#" class="social-icon">
            <i class="fa fa-question-circle"></i>
          </a>
        </div>
      </div>
  
      <div class="footer-section">
        <div class="footer-links">
          <p>National Library of Medicine</p>
          <p>8600 Rockville Pike, Bethesda, MD 20894</p>
        </div>
      </div>
   <div class="flex-row  f-j-sa items-center    " style="margin-left:30px;flex:2">
      <div class="footer-section" style="flex:2">

        <div class="footer-links">
          <a href="#">Web Policies</a>
          <a href="#">FOIA</a>
          <a href="#">HHS Vulnerability Disclosure</a>
        </div>
      </div>
  
      <div class="footer-section"  style="flex:1">
        <div class="footer-links">
          <a href="#">Help</a>
          <a href="#">Accessibility</a>
          <a href="#">Career</a>
        </div>
      </div>
    </div>
   </div>


  <div class="flex-row  f-j-start items-center  container row   " style="font-size:14px;margin:10px auto;margin-top: 20px; background: #1C2B4B;">

<div class="flex   flex-1 " >
  <a><text class="" style="cursor: pointer;color:#ffffff"  >友情链接</text></a>
</div>
      <div class="flex   flex-1 " >
  <a><text class="" style="cursor: pointer;color:#ffffff"  >友情链接</text></a>
</div>
      <div class="flex   flex-1 " >
  <a><text class="" style="cursor: pointer;color:#ffffff"  >友情链接</text></a>
</div>
      <div class="flex   flex-1 " >
  <a><text class="" style="cursor: pointer;color:#ffffff"  >友情链接</text></a>
</div>


 </div>

  </div>
  
  <style>
    .footer-container {
      background: #1C2B4B;
      padding: 20px;
      color: #fff;
    }
    
    .footer-content {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
    }
    
    .footer-section {
      flex: 1;
    }
    
    .social-icons {
      display: flex;
      gap: 10px;
    }
    
    .social-icon {
      color: #fff;
      font-size: 20px;
    }
    
    .footer-links {
              font-size: 14px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    
    .footer-links a {
      color: #fff;
      text-decoration: none;
    }
    
    .footer-links p {

      margin: 0;
    }
    </style>




    <div class="footer"  style="  border-top:1px solid #999999 ; background: #1C2B4B;">
        <div >
            <div class="info f-gray center f-13 pb10 pt10">
                <span  style="color:#ffffff">Copyright © 2015- molgluedb.com  All rights reserved</span>
               <a v-if="site.icp" class="ml10 rlink f-gray" href="https://beian.miit.gov.cn" target="_blank">Record number：鲁ICP备2025138021号</a>
					  <visitor-counter @increment="incrementVisitorCount"></visitor-counter>
            </div>
        </div>
    </div>



</body>
</html>
